import { sum } from "./utils/math"
import axios from 'axios'
import type { AxiosRequestConfig, AxiosInstance } from "axios"
import React from "react"
import _ from "lodash"
import Kobe02 from "./img/Kobe02.png"
import App from "./vue/App.vue"

const message: string = "Hello World"
console.log(message.length, message)
console.log(sum(20, 30))

const h2El = document.createElement("h2")
h2El.textContent = "Hello TypeScript"
document.body.append(h2El)

// lib.es2015.d.ts
const promise = new Promise((resolve, reject) => { })
console.log(message.startsWith("Hello"))


console.log(_.join(["abc", "cba", "nba"]))


type IDType = number | string
interface IKun {
  name: string
  age: number
  slogan: string
}
const id1: IDType = 123

console.log(whyName, whyAge, whyHeight)
console.log(foo("Why"))

const p = new Person("kobe", 30)
console.log(p.name, p.age)


const imgEL = document.createElement("img")
imgEL.src = Kobe02
document.body.append(imgEL)

// jquery
$.ajax({
  url: "http://codercba.com:8000/home/multidata",
  success: function (res: any) {
    console.log(res)
  }
})